window.onload = function(){
    var url = '/permission/index';
    var config = {
        elem: '#user'
        ,url:url
        ,cols: [[
            {field:'group_id', width:80, title: 'id', sort: true}
            ,{field:'group_name', width:150, title: '角色名'}
            ,{field:'created_at', title: '创建时间', width: 200,templet:function(item){
                    return timestampToTime(parseInt(item.created_at))
                }}
            ,{field:'updated_at', title: '修改时间', width: 200,templet:function(item){
                    return timestampToTime(parseInt(item.updated_at))
                }}
            ,{fixed: 'right', minWidth:150, title:'操作', align:'center', toolbar: '#barDemo'} //这里的toolbar值是模板元素的选择器

        ]]
    };
    layui.use(['form','layer','jquery','table'], function(){
        var table = layui.table,
            form = layui.form,
            layer = layui.layer;
        $ = layui.jquery;
        var operation = {
            "delGroup":function (data) {
                Utils.layer.closeAll();
                Utils.layer.load(1,{'shade':0.5});
                $.ajax({
                    url: '/permission/del-group',
                    data:data,
                    method:'post',
                    dataType:'json',
                    success:function (data) {
                        Utils.layer.closeAll();
                        Utils.layer.msg(data.msg);
                        table.render(config);
                    }
                });
                return true;
            },
            "getPerms":function (data) {
                Utils.layer.closeAll();
                Utils.layer.load(1,{'shade':0.5});
                $.ajax({
                    url: '/permission/get-perms',
                    data:data,
                    method:'post',
                    dataType:'json',
                    success:function (data) {
                        Utils.layer.closeAll();
                        Utils.layer.msg(data.msg);
                        table.render(config);
                        Utils.layer.open({
                            type: 1,
                            title: false,
                            content: '<div class="layui-form">'+data.data.html+'</div>',
                            area:['450px','400px'],
                            closeBtn: 2,
                            cancel: function(){
                                
                            }
                        })
                        form.render()
                    }
                });
                return true;
            }

        };

        table.render(config);
        //监听工具条
        table.on('tool(barDemo)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的DOM对象
            switch (layEvent){
                case 'updateGroup':
                    location.href = '/permission/update-group?id='+data.group_id;
                    break;
                case 'delGroup':
                    Utils.layer.confirm('您确认要删除?',function () {
                        Utils.layer.closeAll();
                        operation.delGroup({
                            id: data.group_id
                        });
                    });
                    return false;break;
                case 'getPerms':
                    operation.getPerms({
                        id: data.group_id
                    });
                    return false;
            }
        });
    });
};